<template>
  <div>
    <div>
      <progress :value="progressValue" max="100"></progress
      ><span>{{ progressValue.toFixed(0) }}%</span>
    </div>
    <div style="text-align: center">时间进度条</div>
  </div>
</template>
 
<script>
export default {
  props: {
    progressValue: {
      type: Number,
      default: 0,
    },
  },
  // data() {
  //   return {
  //     today: new Date(),
  //     currentMonth: new Date().getMonth() + 1,
  //     currentYear: new Date().getFullYear(),
  //   };
  // },
  // computed: {
  //   daysInMonth() {
  //     return new Date(this.currentYear, this.currentMonth, 0).getDate();
  //   },
  //   progressValue() {
  //     const today = this.today.getDate();
  //     return (today / this.daysInMonth) * 100;
  //   },
  // },
};
</script>